﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>DevLegancy</title>
    <link href="~/Content/Css/main.css" rel="stylesheet" />
    <link href="~/Content/Css/jquery.bxslider.css" rel="stylesheet" />
</head>
<body>
    <div class="wp-body">
        <div class="wp-header">
            <div class="wp-layout">
                <a class="logo" href="@Url.Action("Index", "Home")">
                    <h1>DevLegancy</h1>
                </a>
                <ul class="menu">
                    <li><a href="@Url.Action("CompanyInfo", "Home")">@Html.GetResouce(DiccionaryResources.Rx_MenuQuienesSomos)</a></li>
                    <li><a href="@Url.Action("Services", "Home")">@Html.GetResouce(DiccionaryResources.Rx_MenuServicios)</a></li>
                    <li><a href="@Url.Action("Clients", "Home")">@Html.GetResouce(DiccionaryResources.Rx_MenuClientes)</a></li>
                    <li><a href="@Url.Action("Contact_us", "Home")">@Html.GetResouce(DiccionaryResources.Rx_MenuContactenos)</a></li>
                </ul>
                <ul class="s-net">
                    <li><a class="sn-fb" href="">Facebook</a></li>
                    <li><a class="sn-tw" href="">Twitter</a></li>
                    <li><a class="sn-yt" href="">YouTube</a></li>
                </ul>

            </div>
        </div>
        <div class="wp-banner">
            <div class="wp-layout">

                <ul class="main-slider">
                    <li>
                        <img src="~/Images/test1.jpg" title="Funky roots" /></li>
                    <li>
                        <div class="banner-unit">
                            <h2 class="hd-02">Desarrollo web</h2>
                            <span>Podemos ofrecerle soluciones instaladas en su red local, en servidores remotos (la nube) o en internet (aplicaciones web). Además el software que desarrollamos es multiplataforma. (Windows, Linux y Mac) </span>
                            <br>
                            <a class="btn-vm vm-whi" href="">Ver mas</a>
                        </div>
                        <div class="banner-unit">
                            <img src="~/Images/ad.jpg" alt="Imagen">
                        </div>
                    </li>
                    <li>
                        <div class="banner-unit">
                            <img src="~/Images/ad.jpg" alt="Imagen">
                        </div>
                        <div class="banner-unit">
                            <h2 class="hd-02">Desarrollo web</h2>
                            <span>Podemos ofrecerle soluciones instaladas en su red local, en servidores remotos (la nube) o en internet (aplicaciones web). Además el software que desarrollamos es multiplataforma. (Windows, Linux y Mac) </span>
                            <br>
                            <a class="btn-vm vm-whi" href="">Ver mas</a>
                        </div>
                    </li>

                </ul>

            </div>
        </div>
        <div class="wp-content">
            @RenderSection("featured", required: false)
            @RenderBody()
        </div>
        <div class="wp-footer">
            <div class="wp-layout">
                <ul class="ft-list">
                    <li><b>Opcion 1</b></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                </ul>
                <ul class="ft-list">
                    <li><b>Opcion 2</b></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                </ul>
                <ul class="ft-list">
                    <li><b>Opcion 3</b></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                    <li><a class="btn-cmn cmn-whi" href="">Elemento</a></li>
                </ul>

            </div>
        </div>
    </div>

    <!-- Scripts -->
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="~/Scripts/jquery.bxslider.min.js"></script>
    <script src="~/Scripts/jquery.validate.js"></script>
    <script>
        $(function () {
            $('.main-slider').bxSlider({
                mode: 'fade',
                pager: true,
                auto: true

            });

            if ('@ViewBag.Message' != '') {
                alert('@ViewBag.Message');
            }

            $('#myID').validate({
                rules: {
                    txt_Email: {
                        required: true,
                        email: true
                    },
                    txt_Nombre: {
                        required: true,
                        minlength: 3,
                        maxlength: 30
                    },
                    txt_Telefono: {
                        required: true,
                        number: true,
                        maxlength: 12
                    },
                    TxtArea_Msje: {
                        required: true,
                        maxlength: 400
                    }
                },
                messages: {
                    txt_Email: {
                        required: "Debe ingresar el email",
                        email: "Debe ingresar un email valido"
                    },
                    txt_Nombre: {
                        required: "Debe ingresar un nombre",
                        minlength: "EL nombre debe tener un minimo de 3 caracteres",
                        maxlength: "EL nombre debe tener un maximo de 30 caracteres"
                    },
                    txt_Telefono: {
                        required: "Debe ingresar un nombre",
                        minlength: "EL Telefono debe tener un minimo de 3 caracteres",
                        maxlength: "EL Telefono debe tener un maximo de 12 caracteres",

                    },
                    TxtArea_Msje: {
                        required: "El mensaje es necesario",
                        maxlength: "EL mensaje debe tener un maximo de 400 caracteres",
                        color: "red"
                    }
                }


            });


        });

    </script>
</body>

<style>
    .error-message, label.error {
        color: #ff0000;
        margin: 0;
        display: inline;
        font-size: 1em !important;
        font-weight: lighter;
    }
</style>


</html>
